/**
 * Sass变量文件
 * 
 * 定义项目中使用的全局样式变量
 * 这些变量可以在整个项目的.scss文件中使用，确保样式的一致性
 * 使用变量的好处：便于维护、统一主题色彩、支持主题切换
 */

// Vue.js官方主题色 - 深蓝色
// 用于主要的UI元素，如标题、边框等
// 色值说明：#32485f 是一个深蓝灰色，给人专业、稳重的感觉
$vue-blue: #32485f;

// Vue.js官方主题色 - 绿色
// 通常用于成功状态、确认按钮等积极的UI元素
// 色值说明：#00c185 是一个鲜艳的青绿色，传达活力和成功的信息
$vue-green: #00c185;

// 使用示例：
// .my-component {
//   color: $vue-blue;
//   background-color: $vue-green;
// }
